{extend name="panel/layout" /}
{block name="main"}
<div class="row">
    <div class="col-md-12">
        <div class="widget">
            <header class="widget-header">
                <h4 class="widget-title">7天内充值统计</h4>
            </header><!-- .widget-header -->
            <hr class="widget-separator">
            <div data-plugin="chart" data-options="{
                tooltip: {
                    trigger: 'axis'
                },
                legend: {
                    data:['充值/笔','收入/元']
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                toolbox: {
                    feature: {
                        saveAsImage: {}
                    }
                },
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: ['09号','10号','11号','12号','13号','14号','15号','16号',]
                },
                yAxis: {
                    type: 'value'
                },
                series: [
                    {
                        name:'充值/笔',
                        type:'line',
                        data:[0,0,0,0,0,0,0,0,]
                    },
                    {
                        name:'收入/元',
                        type:'line',
                        data:[0,0,0,0,0,0,0,0,]
                    },
                ]
            }" style="height: 300px; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; cursor: default; background-color: rgba(0, 0, 0, 0);" _echarts_instance_="1479280963702"><div style="position: relative; overflow: hidden; width: 1164px; height: 300px;"><div data-zr-dom-id="bg" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 1164px; height: 300px; -webkit-user-select: none;"></div><canvas width="1164" height="300" data-zr-dom-id="0" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 1164px; height: 300px; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas width="1164" height="300" data-zr-dom-id="1" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 1164px; height: 300px; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas width="1164" height="300" data-zr-dom-id="_zrender_hover_" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 1164px; height: 300px; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><div class="echarts-tooltip zr-element" style="position: absolute; display: none; border: 0px solid rgb(51, 51, 51); white-space: nowrap; transition: left 0.4s, top 0.4s; border-radius: 4px; color: rgb(255, 255, 255); padding: 12px 16px; left: 205px; top: 107px; background-color: rgba(0, 0, 0, 0.901961);">10号<br>充值/笔 : 0<br>收入/元 : 0</div></div></div>
        </div><!-- .widget -->
    </div><!-- END column -->
</div>
<div class="row">
    <div class="col-md-12">
        <div class="widget p-lg">
            <header class="widget-header">
                <h4 class="widget-title">收支明细
                </h4>
            </header><!-- .widget-header -->
            <hr class="widget-separator">
            <div class="widget-body table-responsive text-center">
                <table class="table table-hover table-striped">
                    <thead>
                    <tr>
                        <th class="text-center">记录ID</th>
                        <th class="text-center">类型</th>
                        <th class="text-center">金额</th>
                        <th class="text-center">详情</th>
                        <th class="text-center">时间</th>
                    </tr>
                    </thead>
                    <tbody>
                    {volist name="$points" id="point"}
                    <tr>
                        <td class="text-center">{$point.id}</td>
                        <td class="text-center">{$point.action}</td>
                        <td class="text-center">{$point.point}</td>
                        <td>{$point.bz}</td>
                        <td class="text-center">{$point.addtime}</td>
                    </tr>
                    {/volist}
                    </tbody>
                </table>
                {$pageList->showPage()}
            </div>
        </div>
    </div>
</div>
{/block}